<template>
	<view class="zjy-empty" @click="$emit('click')" :style="{ paddingTop: pdTop + 'rpx' }">
		<img :src="imgBaseUrl + 'empty-data.png'" />
		<text>{{ emptyText }}</text>
	</view>
</template>

<script setup lang="ts">
const imgBaseUrl = inject("imgBaseUrl")
defineProps({
	emptyText: {
		type: String,
		default: "暂无数据",
	},
	pdTop: {
		type: String,
		default: "380",
	},
})
</script>

<style scoped lang="scss">
.zjy-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	image {
		width: 320rpx;
		height: 320rpx;
	}
	text {
		color: $c-grey-86;
		font-size: 28rpx;
	}
}
</style>
